.tabs {
  width: 500px;
}

.tabs section {
  display: flex;
  justify-content: space-between;
}
.header {
  display: flex;
  margin-bottom: 10px;
}

.header div {
  width: 150px;
  box-sizing: border-box;
  border: solid 1px #ddd;
  padding: 10px 15px;
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}

.body > div {
  padding: 20px;
  border: solid 1px #ddd;
  display: none;
}

.body > div:nth-of-type(1) {
  display: block;
}
